<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" dir="ltr">
	<!-- This file is part of the  Mongoose project,
	http://code.google.com/p/mongoose -->
	<head>
		<title>Mongoose chat server</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<link type="text/css" rel="stylesheet" href="style.css" />
		<script src="jquery.js"></script>
		<script src="main.js"></script>
	</head>

	<body>
		<!--
		<div id="header">
		<div id="logo"></div>
		<div class="rounded infobox help-message" id="motd"
		style="height: 44px; width: 208px;">
		Chat room implemented using <a
		href="http://code.google.com/p/mongoose" target="_blank">Mongoose</a>
		embeddable web server. This application was written for educational
		purposes demonstrating how web interface could be decoupled from the
		business logic. Not a single line of HTML is generated by the server,
		instead, server gives data to the client in JSON format.
		</div>
		</div>

		<div id="middle" style="height: 331px; width: 446px;">
		<div>
		<center>
		<span id="error" class="rounded"></span>
		<center>
		</div>

		<div id="menu">
		<div class="menu-item left-rounded menu-item-selected" name="chat">
		Chat
		</div>
		<div class="menu-item left-rounded" name="settings">
		Settings
		</div>
		</div>

		<div id="content" class="rounded">

		<div id="chat" class="main">
		<div class="chat-window">
		<span class="top-rounded chat-title">Main room</span>
		<div class="bottom-rounded chat-content">
		<div class="message-list" id="mml"></div>
		<input type="text" size="40" class="message-input">
		</input>
		<span
		class="help-message"> Type your message here and press
		enter</span>
		</div>
		</div>
		</div>

		<div id="settings" class="hidden main">
		<div>
		<span class="top-rounded chat-title">Settings</span>
		<div class="bottom-rounded chat-content">
		<table>
		<tr>
		<td>Max messages to display:</td>
		<td>blah blah</td>
		</tr>
		<tr>
		<td>Text color:</td>
		<td>blah blah</td>
		</tr>
		</table>
		</div>
		</div>
		</div>

		</div>
		</div>
		-->
		<!-- begin -->
		<div id="maincontainer">

			<div id="topsection">
				<div class="innertube">
					<h1>PANNELLO DI CONTROLLO</h1>
				</div>
			</div>

			<div id="contentwrapper">
				<div id="contentcolumn">
					<!--	<div class="innertube"> -->
					<b>Lista <em>RELE'</em></b>
					<script type="text/javascript">
                        //filltext(45)
					</script>
					<div id="content_table_wrapper">
						<div class="rele_table_row">
							<div class="rele_table_col">
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										1
									</div>
								</div>
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										2
									</div>
								</div>
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										3
									</div>
								</div>
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										4
									</div>
								</div>
							</div>
							<div class="rele_table_col">
								<div class="rele_table_col_el">
									<img id ="button_rele_1" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
								<div class="rele_table_col_el">
									<img id ="button_rele_2" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
								<div class="rele_table_col_el">
									<img id ="button_rele_3" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
								<div class="rele_table_col_el">
									<img id ="button_rele_4" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
							</div>
							<div class="rele_table_col">
								<div class="rele_table_col_el">
									<img id ="button_rele_5" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
								<div class="rele_table_col_el">
									<img id ="button_rele_6" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
								<div class="rele_table_col_el">
									<img id ="button_rele_7" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
								<div class="rele_table_col_el">
									<img id ="button_rele_8" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
								</div>
							</div>
							<div class="rele_table_col">
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										5
									</div>
								</div>
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										6
									</div>
								</div>
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										7
									</div>
								</div>
								<div class="rele_table_col_el">
									<div class="namerel">
										RELE'
									</div>
									<div class="namerel rele_num">
										8
									</div>
								</div>
							</div>
							<!--
							<div style="position: relative; min-width: 1%; max-width: 75%; width:auto; display:inline-block;">
							<img src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div style="position: relative; min-width: 1%; max-width: 75%; width:auto;display:inline-block;">
							Rele1
							</div>
							-->
							<!--
							<div class="rele_table_column_1_left">
							RELE'
							</div>
							<div class="rele_table_column_1_middle">
							1
							</div>
							<div class="rele_table_column_1_right">
							<img id ="button_rele_1" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_right">
							<img id ="button_rele_2" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_left">
							RELE'
							</div>
							<div class="rele_table_column_2_middle">
							2
							</div>

							<div class="rele_table_column_1_left">
							RELE'
							</div>
							<div class="rele_table_column_1_middle">
							3
							</div>
							<div class="rele_table_column_1_right">
							<img id ="button_rele_3" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_right">
							<img id ="button_rele_4" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_left">
							RELE'
							</div>
							<div class="rele_table_column_2_middle">
							4
							</div>

							<div class="rele_table_column_1_left">
							RELE'
							</div>
							<div class="rele_table_column_1_middle">
							5
							</div>
							<div class="rele_table_column_1_right">
							<img id ="button_rele_5" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_right">
							<img id ="button_rele_6" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_left">
							RELE'
							</div>
							<div class="rele_table_column_2_middle">
							6
							</div>
							<div class="rele_table_column_1_left">
							RELE'
							</div>
							<div class="rele_table_column_1_middle">
							7
							</div>
							<div class="rele_table_column_1_right">
							<img id ="button_rele_7" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_right">
							<img id ="button_rele_8" class="button_img" src="img/Powerbutton_States_On_Off_clip_art_small.png" />
							</div>
							<div class="rele_table_column_2_left">
							RELE'
							</div>
							<div class="rele_table_column_2_middle">
							8
							</div>
							</div>
							-->
						</div>
						<div class="input_table_row">
							<div id="input_header">
								<b>INPUTS</b>
							</div>
						</div>
						<div class="input_table_row">
							<div class="input_table_col" style="">
								<div id="input_maker_1" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN1
								</div>
							</div>
							<div class="input_table_col">
								<div id="input_maker_2" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN2
								</div>
							</div>
							<div class="input_table_col" style="">
								<div id="input_maker_3" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN3
								</div>
							</div>
							<div class="input_table_col" style="">
								<div id="input_maker_4" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN4
								</div>
							</div>
							<div class="input_table_col" style="">
								<div id="input_maker_5" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN5
								</div>
							</div>
							<div class="input_table_col" style="">
								<div id="input_maker_6" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN6
								</div>
							</div>
							<div class="input_table_col" style="">
								<div id="input_maker_7" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN7
								</div>
							</div>
							<div class="input_table_col" style="">
								<div id="input_maker_8" class="input_table_col_el marker">
									&#8595;
								</div>
								<div class="input_table_col_el">
									IN8
								</div>
							</div>
						</div>
						<!--</div> -->
					</div>
				</div>
			</div>
			<div id="leftcolumn">
				<div class="innertube">
					<b>INFO<em>SX</em></b>
					<script type="text/javascript">
                        //filltext(20)
					</script>
				</div>

			</div>

			<div id="rightcolumn">
				<div class="innertube">
					<b>INFO<em>DX</em></b>
					<script type="text/javascript">
                        //filltext(15)
					</script>
				</div>
			</div>

			<div id="footer">
				<a href="http://www.progettihwsw.it/">PROGETTI HW SW</a>
			</div>

		</div>
	</body>
</html>
